<template>
  <div>
    <van-cell
      center
      :title="item.name"
      :label="
        item.song
          ? item.song.artists[0].name
          : item.ar[0].name + ' - ' + item.name
      "
    >
      <template #right-icon>
        <van-icon
          @click="$router.push('/play/' + item.id)"
          name="play-circle-o"
          size="2rem"
        />
      </template>
    </van-cell>
  </div>
</template>

<script>
export default {
  props: {
    item: {
      type: Object,
      required: true
    }
  },
  data () {
    return {}
  },

  created () {},

  methods: {}
}
</script>

<style scoped lang="less"></style>
